*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* font-size: 14px; */

}
a{
  text-decoration: none;
}
button{
  outline: none;
  border: none;
  background: #fff;
}
body{
  background: #fefefe;
  min-height: 100vh;
  font-size: 14px;
}
.page{
  background: #FAFCFF;
  min-height: 100vh;
}
html{
  /* font-size: 14px; */
}
.grey{
  color: #999;
}
.d-grey{
  color: #666;
}
.l-grey{
  color: #eee;
}
.white{
  color: #fff;
}
.flex{
  display: flex;
}
.flex1{
  flex: 1;
}
.jc-sb{
  justify-content: space-between;
}
.jc-a{
  justify-content: space-around;
}
.jc-c{
  justify-content: center;
}
.fd-c{
  flex-direction: column;
}
.ai-c{
  align-items: center;
}
.no-border{
  border-color: transparent!important;
}
.border-btm{
  border-bottom: .3vw solid #DFE7EF;
}
.border-top{
  border-top: 1px solid #eee;
}
.border-lf{
  border-left: 1px solid #eee;
}
.border-rt{
  border-right: 1px solid #eee;
}

.txt-c{
  text-align: center;
}
.l-h{
  line-height: 150%;
}
.m-t5{
   margin-top: 5px;
}
.m-l5{
  margin-left: 5px;
}
.m-r5{
  margin-right: 5px;
}
.m-b5{
  margin-bottom: 5px;
}
.m-t15{
  margin-top: 15px;
}
.m-l15{
  margin-left: 15px;
}
.m-r15{
  margin-right: 15px;
}
.m-b15{
  margin-bottom: 15px;
}
.wt-wrap{
  background: #fff;
  padding: 20px;
}
.wt-box{
  background: #fff;
}
.header{
  height: 9.1rem;
  width: 100%;
  background-size: 100% 100%;
}
img.icon{
  width: 2rem;
  height: 2rem;
  display: block;
}
.bar{
  width: 100%;
  height: 10px;
  background: #FAFCFF;
}
.rd-ft{
  color: #e97163;
}

/* 居中对齐的容器 */
.ct-wrap{width:90%; margin: 0 auto;}
/* 阴影 */
.box-shadow{box-shadow: 0px 0px 10px 1px #eee;}
/* 边框 */
.b-r{border-radius: 5px;}
/* 设置margin */
.m-t5{margin-top: 5px;}
.m-t10{margin-top: 10px;}
.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t50{margin-top: 50px;}
.m-t60{margin-top: 60px;}
.m-l5{margin-left: 5px;}
.m-l10{margin-left: 10px;}
.m-l15{margin-left: 15px;}
.m-l20{margin-left: 20px;}
.m-l30{margin-left: 30px;}
.m-l40{margin-left: 40px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px;}
.m-b20{margin-bottom: 20px;}
.m-b30{margin-bottom: 30px;}
.m-b40{margin-bottom: 40px;}
.m-r5{margin-right: 5px;}
.m-r10{margin-right: 10px;}
.m-r15{margin-right: 15px;}
.m-r20{margin-right: 20px;}
.m-r30{margin-right: 30px;}
.m-r40{margin-right: 40px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
/* 设置padding */
.p-t5{padding-top: 5px;}
.p-t10{padding-top: 10px;}
.p-t15{padding-top: 15px;}
.p-t20{padding-top: 20px;}
.p-t30{padding-top: 30px;}
.p-t40{padding-top: 40px;}
.p-l5{padding-left: 5px;}
.p-l10{padding-left: 10px;}
.p-l15{padding-left: 15px;}
.p-l20{padding-left: 20px;}
.p-l30{padding-left: 30px;}
.p-l40{padding-left: 40px;}
.p-b5{padding-bottom: 5px;}
.p-b10{padding-bottom: 10px;}
.p-b15{padding-bottom: 15px;}
.p-b20{padding-bottom: 20px;}
.p-b30{padding-bottom: 30px;}
.p-b40{padding-bottom: 40px;}
.p-r5{padding-right: 5px;}
.p-r10{padding-right: 10px;}
.p-r15{padding-right: 15px;}
.p-r20{padding-right: 20px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
/* 设置字体大小 */
.f12{font-size: 1.2rem;}
.f14{font-size: 1.4rem;}
.f16{font-size: 1.6rem;}
.f18{font-size: 1.8rem;}
.f20{font-size: 2.0rem;}
.f22{font-size: 2.2rem;}
.f24{font-size: 2.4rem;}
.f26{font-size: 2.6rem;}
.f28{font-size: 2.8rem;}
.f32{font-size: 3.2rem;}
.f36{font-size: 3.6rem;}
.f40{font-size: 4.0rem;}
/* 设置字体颜色 */
.f-cff{color: #fff;}
.f-c33{color: #333;}
.f-caa{color: #aaa;}
.f-ccc{color: #acc;}
.f-c66{color: #666;}
.f-c88{color: #888;}
.f-c99{color: #999;}
.f-red{color: red;}
.f-blue{color: blue;}
.f-green{color: #769943;}
/* 设置字体对齐 */
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
/* 设置字体粗细 */
.f-w4{font-weight: 400;}
.f-w5{font-weight: 500;}
.f-w6{font-weight: 600;}
.f-w7{font-weight: 700;}
.f-w8{font-weight: 800;}
/* 设置背景色 */
.bg-cc{background: #ccc;}
.bg-ee{background: #eee;}
.bg-ff{background: #fff;}
/* 设置弹性布局 */
.flex{display: flex;}
.flex1{flex:1}
.flex-wrap{flex-wrap: wrap;}
.fd-c{flex-direction: column;}
.jc-sb{justify-content: space-between;}
.jc-sa{justify-content: space-around;}
.jc-c{justify-content: center;}
.ai-c{align-items: center;}
/* 无样式 */
.no-border{border: none;}
.no-margin{margin: 0!important;}
/* 按钮手势 */
.pointer:hover{cursor: pointer;}
/* 行高 */
.l-h12{line-height: 125%;}
.l-h15{line-height: 150%;}
.l-h17{line-height: 175%;}
.l-h20{line-height: 200%;}
.l-h25{line-height: 250%;}
.l-h30{line-height: 300%;}
/* 相对定位 */
.ps-r{position: relative;}
/* 宽度100% */
.w100{width: 100%;}
/* 浮动 */
.float-l{float: left;}
.float-r{float: right;}
.clear:after{
content: '';
display: block;
clear: both;
}
/* 设置边框 */
.br5{
  border-radius: 5px;
}
.br10{
  border-radius: 10px;
}
.br15{
  border-radius: 15px;
}
.br20{
  border-radius: 20px;
}
.br25{
  border-radius: 25px;
}
.br30{
  border-radius: 30px;
}
input{
background: transparent;
border: none;
}
/* 首行缩进 */
.txt-indent{
  text-indent: 3rem;
}
/* 设置定位 */
.relative{
  position: relative;
}
.block{
  display: block;
}
.fixed{
  position:fixed;
}
.btm20{
  bottom: 20px;
}

.no-data{
  padding-top: 1.0667rem;
  font-size: 0.4267rem;
  color: #aaa;
  text-align: center;
}

.no-data img{
  width: 3.4133rem;
  height: 3.4133rem;
  margin: 0.4rem auto;
  display: block;
}

.no-data p {
  text-align: center;
}

.loadingWrapper{
  width: 5rem;
  min-height: 2.5rem;
  position: fixed;
  padding-top: .3rem;
  top: 7rem;
  left: 2.5rem;
  background: rgba(0,0,0,.2);
  border-radius: .1rem;
  display: flex;
  flex-direction: column;
  font-size: .4rem;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.loadingWrapper .circle{
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  border-width: 0.07rem;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent transparent;
  border-image: initial;
  animation: 1s linear infinite normal none running slidein;
  transform: rotate(0deg);
}
@keyframes slidein {
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
.loadingWrapper p{
  margin: .5rem;
  color: #fff;
}
.main-bg{
  background: #403539!important;
  color: #fff!important;
}
footer{
  position: absolute;
  bottom: 0.5rem;
  color: #aaa;
  /* width: 100%; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 65vw;
  transform: translateX(36%);
  /* left: 50%; */
  /* transform: translateX(-25%); */
}
footer i{
  /* margin-right: 4.5rem; */
  font-size: 1.6rem;
}
footer a{
  margin-bottom: 5px;
}
/* body,html{
  overflow-x: hidden;
  height: 100%;
} */